/*reset*/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}
body{position:relative;font-size:14px;background-color:white;overflow:auto;}
body, button, input, keygen, legend, select, textarea {
    font-family: PingFang SC,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;
    font-weight: 400;
    color: #333;
    outline: 0;
    speak: none;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {font-weight: 400; }
li {list-style: none; }
html, body, fieldset, img, iframe, abbr {border: 0; }
img{ vertical-align: top; }
a, button {cursor: pointer; }
a {color: #333; outline:none; text-decoration: none;}

 table {
font-size:14px;
color:#333333;
border-width: 1px;
border-color: #999;
border-collapse: collapse;
width: 100%;
}
table th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #e6e6e6;
width: auto;
} 


/*common*/
body{ background: #f7f9fa; }
a:hover{ color: #0acfae; text-decoration: none; }
a:-webkit-any-link{ text-decoration: none; }
.container{   padding: 0;width: 1200px;margin: 0 auto;}
.container:after{ content:""; display: block; clear: both; }
.clearfix:after{ content: ""; display: block; clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.color-white {color: white!important; }
.red {color: #0acfae!important; }
.fz12 {font-size: 12px;}
.fz14 { font-size: 14px; }
.wfs { width: 100%; position:relative;}
.p_r{ position:relative;}


/*head_top start*/
.head_top {height:32px;line-height:30px;background-color:#232f3e;font-size:12px;}
.head_top .top_l {left:-12px;position:relative;}
.head_top_wrap {}
.head_top li {float:left}
.head_top li em {
	width: 1px;
	display: block;
	background: #ddd;
	height: 12px;
	float: right;
	margin: 10px 5px 0 5px;
}
.head_top li a {color:#ddd;text-decoration:none;margin-right:5px;}
.head_top li i {color:#ddd;text-decoration:none;margin-right:5px;font-size: 14px;}
.head_top li a:hover {color:#fff;text-decoration:none;}
.head_top .fore {padding:0 12px;z-index:1100;color:#ddd;}
.head_top .spacer {width:1px;height:12px;padding:0;margin-top:10px;background:#aaa none repeat scroll 0% 0%;overflow:hidden;}
.head_top .cart {/*padding:0 12px;*/    background-color:#4a4a4a;position:relative;}
.head_top .cart a:hover {color:#bfbfbf;}
.head_top .cart i {float:left;/*color:#fff;*/font-size:15px;margin-right:0.5em;margin-top:-0.1em;}
.head_top .cart span {float:left;margin-right:12px;color:#bfbfbf;}
.head_top .cart strong {float:left;width:24px; margin-top:12px;font-weight:normal;line-height:18px;text-align:center;background-color:#666;border-radius:5px;}
.head_top .site_map {float: right;}
.fore i {color:#BABABA;font-size:13px;margin-right:5px;}
.car_ul_none,.car_ul {background:#fff;position:absolute;top:40px;text-align:center;border:1px solid #ddd;display:none;z-index:20;}
.car_ul_none {padding:35px;width:405px;*height:30px;*width:325px;right:-1px;}
.car_ul {padding-left:15px;padding-top:15px;width:455px;right:0px;}
.car_bottom a font {color:#fff;padding:8px 15px;background:#fd7878;border-radius:5px;}
/*head_top end*//*head css*/
.head {border-bottom:1px #f1f1f1 solid; height:80px;}
/* .head_logo_nav {position:relative}
*/.left_denglong {position:absolute;left:227px;top:-30px;}
.right_denglong {position:absolute;right:312px;top:-30px;}
.head .listing {margin-left:30px;margin-right:30px;*margin-right:0;/*padding-left:35px;*/    /*background-image:url(../images/cover-page-tv.png);*/    background-repeat:no-repeat;background-position:left 5px;}
.head .listing img {margin-top:-25px;}
.head .search-product {position:relative;z-index:300;float:left;width:220px;height:48px;margin-top:48px;/*! margin-left:235px;*/ /*    *margin-left:120px;*/}
.nav-wrap-fix .search-product {margin-top:20px;}
.head .search-product .fontello-icon-search {cursor:pointer;height:40px;display:inline-block;width:42px;line-height:35px;font-size:20px;text-align:center;color:#ccc;background-color:#f3f5f7;border:1px solid #CCCCCC;/*color:#f00;*/    /*border:1px solid #f00;*/    border-left:none;padding-right:-5px;}
.head .search-product .search-history {position:absolute;/*left:0;*/right:0;top:40px;display:none;width:302px;*width:300px;padding-bottom:15px;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;background-color:#fff;}
.head .search-product .search-history a {color:#888;}
.head .search-product .search-history a:hover {color:#FC7878;text-decoration:none;}
.head .search-product .search-history .left {width:302px;*width:175px;min-height:115px;padding-top:15px;padding-right:15px;padding-left:15px;}
.head .search-product .search-history .left .txt {color:#888;}
.head .search-product .search-history .left .delete {padding-left:15px;font-style:normal;color:#888;background-image:url(../images/cover-page-delete.gif);background-repeat:no-repeat;background-position:0 2px;cursor:pointer;}
.head .search-product .search-history .left .history-items {padding-top:15px;padding-bottom:10px;}
.head .search-product .search-history .left .history-items li {line-height:30px;}
.head .search-product .search-history .right {width:210px;*width:195px;padding-top:15px;padding-left:15px;padding-bottom:15px;border-left:1px solid #cdcdcd;}
.head .search-product .search-history .right .txt {color:#888;}
.head .search-product .search-history .right .style-items li {float:left;}
.head .search-product .search-history .right .style-items li a {display:block;min-width:74px;height:24px;*height:22px;margin-right:10px;margin-top:10px;padding-left:5px;padding-right:5px;line-height:22px;text-align:center;border-width:1px;border-style:solid;border-color:#d9d9d9;}
.head .search-product .search-history .right .style-items li a:hover {border-color:#FC7878;}
/*.head .search-product .search-box {float:left;width:420px;height:40px;*width:403px;*height:38px;*padding:0;*padding-left:15px;*line-height:38px;border:1px solid #ccc;border-radius:0;}
*/.head .search-product .search-box {/*float:left;*/    width:168px;height:40px;*width:206px;*height:38px;*padding:0;*padding-left:15px;*line-height:38px;border-radius:0;}
.head .search-product .submit {float:left;width:42px;height:40px;background-image:url(../images/top-a.png);background-repeat:no-repeat;text-indent:-9999px;}
.head .operates a {float:left;margin-left:30px;padding-top:25px;font-size:12px;color:#8A8D92;background-repeat:no-repeat;}
.head .operates .login {background-image:url(../images/login.png);}
.head .operates .watch {background-image:url(../images/watch.png);}
.head .operates .quest {background-image:url(../images/quest.png);}
.head-operates-logined {position:relative;z-index:300;float:right;width:170px;*width:155px;}
.head-operates-logined .user-img,.head_top .user-img {float:right;width:45px;height:45px;border-radius:22px;}
.head_top .logined {position:absolute;left:-98px;top:16px;width:260px;margin-top:30px;z-index:50px;/*padding-top:15px;*/    display:none;}
.head-operates-logined .logined {position:absolute;left:-98px;top:16px;width:260px;margin-top:33px;z-index:50px;display:none;}
.head-operates-logined .logined .trangle,.head_top .logined .trangle {position:absolute;left:122px;top:-7px;width:13px;height:7px;background:url(../images/cover-page-trangle-top.gif) no-repeat;}
.logined .logined-user {width:220px;margin-left:15px;*margin-left:5px;margin-top:15px;padding-left:5px;padding-right:5px;padding-bottom:50px;*padding-bottom:20px;*padding-left:20px;border-bottom:1px solid #ddd;}
.logined .logined-user b {display:block;margin-bottom:5px;font-weight:normal;font-size:24px;}
.logined .logined-user i {float:left;padding-right:5px;font-size:18px;font-style:normal;color:#FC7E7E;}
.logined .logined-item {font-size:12px;float:left;margin-left:20px;padding-bottom:15px;}
.logined .logined-item li {float:left;width:110px;margin-top:10px;height:20px;line-height:20px;}
.logined .logined-item li i {float:left;width:20px;height:20px;padding-left:20px;background-repeat:no-repeat;}
.logined .logined-item li.order i {background:url(../images/cover-page-order.gif) no-repeat left center;}
.logined .logined-item li.member i {background:url(../images/cover-page-member.gif) no-repeat left center;}
.logined .logined-item li.account i {background:url(../images/cover-page-account.gif) no-repeat left center;}
.logined .logined-item li.service i {background:url(../images/cover-page-service.gif) no-repeat left center;}
.logined .logined-item li a {color:#888888;}
.logined .logined-item li a:hover {color:#FC7878;text-decoration:none;}
.logined .logined-operate {height:36px;line-height:36px;background-color:#F6F6F6;}
.logined .logined-operate a {font-size:12px;color:#888;}
.logined .logined-operate a:hover {color:#FC7878;text-decoration:none;}
.logined .logined-operate a.modify-pwd {float:left;margin-left:15px;}
.logined .logined-operate a.quit {float:right;margin-right:15px;}
.head-operates-logined .login,.head-operates-logined .quest,.head_top .login,.head_top .quest {float:left;margin-left:30px;*margin-left:20px;padding-top:25px;font-size:12px;color:#8A8D92;background-repeat:no-repeat;}
.head-operates-logined .watch,.head_top .watch {float:left;margin-left:30px;margin-top:3px;padding-top:22px;font-size:12px;color:#8A8D92;background-repeat:no-repeat;}
.head-operates-logined .login,.head_top .login {background-image:url(../images/login.png);background-position:2px 0px;}
.head-operates-logined .watch,.head_top .watch {background-image:url(../images/watch.png);background-position:2px 0px;}
.head-operates-logined .quest,.head_top .quest {background-image:url(../images/quest.png);background-position:2px 0px;}
/*login after*/.head .operates-logined {line-height:35px;font-size:12px;}
.head .operates-logined a {color:#333;padding-left:5px;padding-right:5px;}
.head .operates-logined a:hover {color:#EF353D;}
.head .operates-logined span i {font-style:normal;color:#EF353D;padding-left:5px;padding-right:5px;}
/*login after*//*nav css*/.nav-wrap {background-color:#fff;}
.nav-wrap-fix {background:rgba(255,255,255,1) none repeat scroll 0% 0%;z-index:200;top:0;heigh:80px;-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.3);box-shadow:0px 0px 6px rgba(0,0,0,0.3);}

.head_logo_nav .logo .llogo img{ width: 160px;border-right: 1px solid #ddd;padding-right: 10px;}
.head_logo_nav .logo .llogo img::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: -10px;
	width: 1px;
	height: 16px;
	background-color: #cfcfcf;
}
.logo {padding-top: 20px;width: auto;}
.logo a {height: auto;width: auto;display: inline-block;}


.logo .navtenyear {
	font-size: 14px;
	padding: 1px 18px;
	border-radius: 5px;
	color: #fff;
	background: rgba(52,229,176,1);
	background: -moz-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,229,176,1)), color-stop(100%, rgba(10,212,215,1)));
	background: -webkit-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
	background: linear-gradient(135deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );
}
.logo .navtenyearcon {
	font-size: 12px;
}
.logo .logotext10{float: right;margin-left: 15px;}

.nav_head {width:auto;height:80px;line-height:80px;overflow:hidden;padding-left:50px;}
.nav_head li {float:left;line-height:80px;padding:0 5px;}
.nav_head a {font-size: 16px;color:#333;padding:0px 13px;display:inline-block;position:relative;font-weight: 400;font-family: 'Microsoft Yahei',PingFangSC,sans-serif;}
.nav_head a:hover {color:#0acfae;text-decoration:none;}
.nav-menus,.site_map {position:relative;z-index:105;}
.nav_head li a i {display:inline-block;vertical-align:middle;position:absolute;transform:rotate(0deg);-ms-transform:rotate(0deg);/* Internet Explorer */    -moz-transform:rotate(0deg);/* Firefox */    -webkit-transform:rotate(0deg);/*Safari 和 Chrome*/    -o-transform:rotate(0deg);-webkit-transition:0.3s ease; -moz-transition:0.3s ease; /*-o-transition:0.3s ease;transition:0.3s ease;*/font-size: 12px;margin-left: 7px;margin-top: 2px;color: #8c8c8c;}
.nav_head  a span {margin-left:6px;font-weight:normal;color:#fff;vertical-align:middle;font-size:11px;padding:0 4px 1px 4px;line-height:15px;display:inline-block;margin-top:-13px;border-radius: 4px 0 6px 0;background: rgba(52,229,176,1);background: -moz-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,229,176,1)), color-stop(100%, rgba(10,212,215,1)));background: -webkit-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -o-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -ms-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: linear-gradient(135deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );}
.nav_head li a .hot {padding:0 4px 1px 4px;line-height:15px;display:inline-block;vertical-align:middle;margin-top:-15px;}
.nav_head li.active a i {transform:rotate(0deg);-ms-transform:rotate(0deg);/* Internet Explorer */-moz-transform:rotate(0deg);/* Firefox */-webkit-transform:rotate(0deg);/* Safari 和 Chrome*/-o-transform:rotate(0deg);-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-o-transition:0.2s ease;transition:0.2s ease;}


/*顶部购物车*/
.shopingcar{width:146px;padding-left:48px;position:absolute;top:28px;right:0px;height:33px;border:1px solid #efefef;line-height:33px;font-size:12px;}
.shopingcar a:hover{color:#669900;}
.shopingcar s{background:url(../images/header.png) no-repeat -54px -16px;width:23px;height:21px;left:17px;position:absolute;top:4px;}
.shopingcar b#cartNum{position:absolute;top:-1px;left:154px;width:40px;height:34px;text-align:center;line-height:34px;background-color:#fa9600;color:white;font-size:16px;font-weight:600;}
.shopingcar ul li.nmlist {border: 0 none;}
.shopingcar ul li.nmline {border-bottom: 1px dashed #CCCCCC;height: 0;line-height: 0;margin: 0;overflow: hidden;padding: 0;}
.shopingcar ul li.nmtop {background-color: #F2F6ED;border-bottom: 1px solid #CCCCCC;height: 26px;line-height: 26px;margin: 0;overflow: hidden;padding: 0;}
.nmtitle {color: #1B6146;float: left;}
.nmtotal {float: right;}
.nmtotal font {color: #EA5404;font-size: 14px;font-weight: bold;}
.nmtotal a:link {color:#999999;}
#topCart.hover .blank,#topCart.hover #cart_lists,#topCart.hover .outline{display:block;position:absolute;border:1px solid #efefef;background-color:white;}
#topCart.hover .blank{top:-1px;height:33px;z-index:-1;left:-1px;width:194px;-moz-box-shadow:0 0 5px #dadada;-webkit-box-shadow:0 0 5px #dadada;box-shadow:0 0 5px #efefef;}
#topCart.hover .outline{z-index:1;left:0;width:154px;height:8px;top:28px;border:0 none;}
#topCart.hover .t{color:#666666;}
#topCart .setCart{background:url(../images/header.png) no-repeat -102px -235px; margin:2px 0 0 0;}
#cart_lists{display:none;width:360px;right:-1px;_right:-2px;-moz-box-shadow:0 0 5px #efefef;-webkit-box-shadow:0 0 5px #efefef;box-shadow:0 0 5px #dadada;top:34px;}
#cart_lists .btn{display:none;}
.floatcar{padding:10px;width:340px;font-size:12px;font-weight:normal;line-height:20px;}
.floatcar1{padding:10px 0;}
.floatcar .nopro{ width:240px; height:42px; margin:0 0 0 85px; background:url(../images/header.png) no-repeat -99px -123px;}
.floatcar .nopro p{ padding-left:50px;}
.floatcar .nopro p span{ color:#969696;}
.floatcar .nopro p span .no_dl{ color:#669900;}
.floatcar .title{color:#6c6c6c;border-bottom:1px solid #1b6146;height:24px;}
.floatcar .total p{width:170px;float:left;}
#listCartNum{color:#ea5404;font-size:14px;font-weight:bold;}
.floatcar .total p font{color:#ea5404;font-size:18px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.floatcar ul{margin:0px;padding:0px;display:block;position:relative;max-height:195px;_height:201px;overflow:auto;}
.floatcar ul li{margin:0px; padding:12px 0px 12px 0px;height:40px;position:relative; border-bottom:1px dashed #ccc; line-height:18px;color:#565656;}
.floatcar ul li:hover{ background:#f5f5f5;}
.floatcar ul li .l{position:absolute;width:45px;height:45px;}
.floatcar ul li .l img{width:40px;height:40px;vertical-align:middle;border:1px solid #ccc;}
.floatcar ul li .c{position:absolute;width:200px;height:36px;left:48px;top:14px; overflow:hidden;}
.floatcar ul li .c a{color:#565656; text-decoration:none;}
.floatcar ul li .c a:hover{color:#669900; text-decoration:none;}
.floatcar ul li .r{position:absolute; text-align:right;width:80px;height:36px;right:0px;}
.floatcar ul li .r font{color:#f05404;font-size:14px;font-weight:bold;}
.floatcar ul li .r a{clear:both;color:#999999; text-decoration:none}
.floatcar ul li .r a:hover{ text-decoration:underline}


.sublistbox {background:#FFF none repeat scroll 0% 0%;box-shadow:0px 4px 4px rgba(0,0,0,0.2);display:none;margin-top:-2px;left:0px;line-height:normal;position:absolute;width:100%;overflow:hidden;z-index:200;border-top:1px solid #eaeaea;}
.sublistbox .sub-nav {width:1200px;margin:auto;padding:30px 0;overflow:hidden;}
.sublistbox .sub-nav  .sub-nav-mall {width:80%;float:left;}
.sublistbox .sub-nav .sub-nav-rest {width:20%;float:left;}

.sublistbox .sub-nav .sub-nav-rest .sub-nav-rest li {margin-right:0;}
.sublistbox .sub-nav .sub-nav-rest .mode {padding-bottom:11px;overflow:hidden;}
.sublistbox .sub-nav .sub-nav-rest .mode span {float:left;width:68px;margin:0 9px 9px 0;font-size:12px;line-height:22px;color:#ff9090;text-align:center;border:1px solid #ff9090;border-radius:20px;}
.sublistbox .sub-nav .sub-nav-rest li:nth-child(2) .mode span {width:68px;}
.sublistbox .sub-nav .sub-nav-other {height:60px;width: 100%;float: left;}
.sublistbox .sub-nav .sub-nav-other dl {padding:15px 0;}
.sublistbox .sub-nav .sub-nav-other dt,.sublistbox .sub-nav .sub-nav-other dd {float:left;margin-right:30px;font-size:14px;line-height:30px;}
.sublistbox .sub-nav .sub-nav-other dd a {font-size:12px; color#333}
.sublistbox .sub-nav .sub-nav-other dt {color:#999;}
.sublistbox .sub-nav .nav-contact {font-size:14px;line-height:60px;text-align:center;}
.sublistbox .sub-nav .nav-contact .dividing-line {padding:0 15px;}
.sublistbox .sub-nav h3 {font-size:16px;font-weight:bold;color:#333;}
.sublistbox .sub-nav .sub-nav-name {font-size:16px;font-weight:bold;color:#333;}
.sublistbox .sub-nav li h3 {position:relative;font-size:14px;font-weight:normal;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:57px;}
.sublistbox .sub-nav li p {padding-top:6px;font-size:12px;line-height:1;color:#999;white-space:nowrap;overflow:hidden;padding-left: 58px;}
.sublistbox .sub-nav li i {position:absolute;left:0;width:36px;height:36px;font-size:26px;line-height:36px;color:#fff;text-align:center;background:#7db1ff;border-radius:4px;}
.nav-wrap-fix .sublistbox {top:80px;}
.sublistbox ul {margin-top:15px;width: 1200px;}
.sublistbox ul li {float:left;line-height:100%;padding:10px 0 0;margin-right:30px;}
/*图标颜色*/.sublistbox ul li:nth-child(1) .iconfont {background:#5ecafd;}
.sublistbox ul li:nth-child(2) .iconfont {background:#46d5c7;}
.sublistbox ul li:nth-child(3) .iconfont {background:#fdc162;}
.sublistbox ul li:nth-child(4) .iconfont {background:#c67efa;}
.sublistbox ul li:nth-child(5) .iconfont {background:#f89772;}
.sublistbox ul li:nth-child(6) .iconfont {background:#5cc2fc;}
.sublistbox ul li:nth-child(7) .iconfont {background:#46d5c7;}
.sublistbox ul li:nth-child(8) .iconfont {background:#fe9805;}
.sublistbox ul li:nth-child(9) .iconfont {background:#f89671;}
.sublistbox ul li:nth-child(10) .iconfont {background:#fdbf5d;}
.sublistbox ul li:nth-child(11) .iconfont {background:#fd8681;}
.sublistbox ul li:nth-child(12) .iconfont {background:#5cc2fc;}
.sublistbox ul li:nth-child(13) .iconfont {background:#5ecafd;}
.sublistbox ul li:nth-child(14) .iconfont {background:#46d5c7;}
.sublistbox ul a {padding:0;width:280px;display:inline-block}
.sublistbox ul .sublist_first div {border-left:none}
.sublistbox ul p {font-size:18px;height:30px;line-height:30px;}
.j-categorys {position:absolute;right:0;/*right:-124px;*/    top:32px;width:1200px;padding:30px 0 20px;border-top:none;background-color:#fff;display:none;z-index:500;height:250px !important;}
.site_map .categorys a {font-size:14px;color:#333;position:relative;padding:2px 5px;}
.site_map .categorys a:hover {color:#F87878;}
.icon_hot,.icon_new {position:absolute;top:-3px;right:-7px;display:block;width:9px;height:14px;overflow:hidden;}
.icon_hot {background:url(../images/icon_hot.gif) no-repeat scroll 0% 0%;}
.icon_new {background:url(../images/icon_new.gif) no-repeat scroll 0% 0%;}
.categorys-spacer {float:left;width:1px;min-height:180px;height:100%;padding:0;border-right:1px dashed #BCBCBC;overflow:hidden;}
.site_map .categorys h3 {font-size:16px;margin-left:4px;}
.categorys .categorys-dsxt h3 {color:#20B09F;}
.categorys-box h3 {font-size:16px;font-family:微软雅黑,'Arial,Helvetica,sans-serif';margin-bottom:10px;}
.categorys .categorys-box {padding-left:20px;width:19%;}
.categorys-box li {height:30px;line-height:30px;display:block;float:left;width:100px;}
.categorys .categorys-box .two_cols {float:left;margin-right:40px;}
.categorys-box .two-cols li {height:30px;line-height:30px;display:block;float:left;}
/*导航解决方案下拉*/

.icon_hot {
	background: url(../images/icon_hot.gif) no-repeat scroll 0% 0%;
}
.icon_new {
	background: url(../images/icon_new.gif) no-repeat scroll 0% 0%;
}
 
.swiper-container {width:100%;height:500px;}
.swiper-slide {background-position:center;background-size:cover;}
.wfs {width:100%;}
.cover-page-wrapper {margin:0 auto;max-width: 1200px;min-width: 1000px;}
.video {background:#fff;min-height: 500px;padding-bottom: 50px;}
.tj {background:transparent;min-height: 500px;padding-bottom: 50px;}

.wpic {width:1210px;height:230px;margin:0 auto;position:relative;}
.wpic .next,.wpic .prev {width:45px;height:45px;display:block;background:url(../images/left_right.png) no-repeat;position:absolute;top:50%;margin-top:-20px;cursor:pointer;}
.wpic .prev {left:0;}
.wpic .next {right:0;background-position:-45px 0px;}
.wpic .hd .prevStop {background-position:0px -45px;cursor:default;}
.wpic .hd .nextStop {background-position:-45px -45px;cursor:default;}
.sublistbox .wpic .bd li div {border-left:1px solid #DCDCDC}
.wpic .bd {margin-left:45px;overflow:hidden;zoom:1;width:1110px;}
.wpic .bd ul {overflow:hidden;zoom:1;}
.wpic .bd li {margin-left:-1px;height:230px;float:left;}
.tb-promo-type {vertical-align:middle;display:inline-block;padding:3px 3px;height:20px;line-height:14px;color:#FFF;background:#FF8E1B;font-size:14px;font-family:SimSun;font-weight:normal;margin-bottom:7px;}
.cjrvip {vertical-align:middle;text-decoration:underline;margin-left:20px;font-size:14px;float:right;height:10px;line-height:20px;padding-top:10px;}
.cjrvip a {color:#e82d2d;}
/*boutique list*/
.code-wrap .items-li {
    float: left;
    width: 288px;
    margin-right: 12px;
    margin-bottom: 15px;
	position: relative;
    box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
    background-color: #FFF;
    border-radius: 4px;
    transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transform: translate(0,0);
    border: 1px solid #eee;
}
.code-wrap .items-li:nth-child(4) {
    float: right;
    margin-right: 0;
}
.code-wrap .items-li:nth-child(8) {
    float: right;
    margin-right: 0;
}

.code-wrap .disi {
    float: left;
    width: 340px;
    margin-right: 0;
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-color: #fff;
	position: relative;
}
.code-wrap .items-li .activity-tag {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 82px;
    height: 93px;
    z-index: 2;
}
.code-wrap .items-li .activity-tag-80 {
	width: 105px;
    height: 110px;
    background: url('../images/activity_tag_80_little.png') no-repeat 0 0;
}
.code-wrap .items-li .activity-tag-75 {
    background: url('../images/activity_tag_75.png') no-repeat 0 0;
}
.code-wrap .items-li .activity-tag-60 {
    width: 100px;
    height: 100px;
    background: url('../images/activity_tag_60.png') no-repeat 0 0;
}
.code-wrap .items-li .activity-tag-50 {
    width: 100px;
    height: 100px;
    background: url('../images/activity_tag_50.png') no-repeat 0 0;
}
.no-activity .code-wrap .items-li .activity-tag {
    display: none;
}
.code-wrap .active {
    box-shadow:0 0 10px rgba(0,0,0,.2);
}
.code-wrap .items-li .wrap_div {
    height:54px;
    position:relative;
    z-index: 2;
    background:white;
}
.code-wrap .items-li .wrap_div p {
    height:20px;
    overflow:hidden;
    text-align:center;
    font-size: 12px;
    color: #71cd9c;
}
.code-wrap .items-li .wrap_div div {
    position:absolute;
    left:0;
    z-index:100;
    width: 100%;
    background:white; 
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.code-wrap .items-li .wrap_div p {
    text-align: center;
    margin-top: 5px;
    height: 0px;
    overflow: hidden;
    _line-height:0;
}
.code-wrap .items-li>a {
    display: block;
    text-align: center;
    height: auto;
}
.code-wrap .items-li img {
    width: 100%;
    min-height: 180px;
    border-radius: 4px;
}
.code-wrap .items-li .title {
    float:left;
    width: 100%;
    padding: 0 10px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    overflow: hidden;
    height: 35px;
}
.code-wrap .items-li .title a {
    color: #333;
}
.code-wrap .items-li .title a:hover {
    color: #EF353D;
}
.code-wrap .items-li .description {
    display: block;
    font-size: 12px;
    color: #919191;
    text-align: left;
    padding: 10px;
}
.code-wrap .items-li .description a {
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #11e666;
    color: #fff;
    border-radius: 2px;
}


.code-wrap .items-li .description a:nth-child(2){
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #2196F3;
    color: #fff;
    border-radius: 2px;
}


.code-wrap .items-li .description a:nth-child(3){
    position: relative;
    display: inline-block;
    padding: 1px 6px;
    text-align: center;
    background-color: #ffa700;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
}



 
 

.code-wrap .items-li .price-attente {
    height: 40px;
    border-top: 1px solid #ddd;
    line-height: 40px;
    padding-top: 15px;
}
.code-wrap .items-li .price-attente .price {
    float: left;
    margin-left: 15px;
    font-size: 14px;
    color: #ef353d;
}
.code-wrap .items-li .price-attente .time {
    float: left;
    margin-left: 15px;
    color: #333;
    font-size: 12px;
}

.code-wrap .items-li .price-attente .attente {
    float: right;
    margin-right: 15px;
    padding-left: 15px;
    font-size: 12px;
    color: #71cd9c;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}
/*阿里云*/
.dn-container .lists 
{height:110px;margin:10px 0;box-sizing:border-box;padding:16px 30px;background:#fff;position: relative;box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);background-color: #FFF;border-radius: 4px;transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform: translate(0,0);border: 1px solid #eee;}
.dn-col-md-6 .lists a i {float:left;font-size:40px;margin-right:15px;margin-top:7px;color:#5ecafd;}
/*图标颜色*/.dn-container .lists .bg1 {color:#38b7f2;}
.dn-container .lists .bg2 {color:#20B09F;}
.dn-container .lists .bg3 {color:#1277e4;}
.dn-container .lists .bg4 {color:#c67efa;}
.dn-container .lists .bg5 {color:#5de600;}
.dn-container .lists .bg6 {color:#fb5a1b;}
.dn-container .lists .bg7 {color:#ffa700;}
.dn-container .lists .bg8 {color:#fe057a;}
.dn-container .lists .bg9 {color:#54bd0d;}
.dn-container .lists .bg10 {color:#ff76f0;}
.dn-container .lists .bg11 {color:#05ecd5;}
.dn-container .lists .bg12 {color:#a4a4a4;}
.dn-container .lists .bg13 {color:#5ecafd;}
.dn-container .lists .bg14 {color:#46d5c7;}
.dn-container .lists:hover {box-shadow:0 0 10px rgba(0,0,0,.2);}
.dn-container h4 {color:#4e4e4e;margin:6px 0;font-size:18px;font-weight:800;line-height:24px}
.dn-container h4:hover {color:#0acfae;}
.dn-container {width: 1200px;margin: 0 auto;}
.dn-container-fluid {width:100%;margin-right:auto;margin-left:auto}
.dn-container-fluid,.dn-container-fluid.gutter-20 {padding-right:10px;padding-left:10px}
.dn-col-md-6 {float:left;margin-right:1%;width: calc(25% - 1%);}
.dn-container .lists .item_desc {font-size:14px;color:#9b9ea0;letter-spacing:.35px;max-height:40px;line-height:20px;overflow:hidden;}
.open_all {display:block;width:160px;height:40px;font-size:16px;color:#fff;text-align:center;line-height:40px;margin:30px auto;cursor:pointer;border-radius: 4px;background: rgba(52,229,176,1);background: -moz-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,229,176,1)), color-stop(100%, rgba(10,212,215,1)));background: -webkit-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -o-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -ms-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: linear-gradient(135deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );}
.item_icon {display:inline-block;width:33px;height:14px;margin-left:3px;}
.home-nav .home-nav-content .home-nav-right {float:right;height:51px;margin-right:0;padding:9px 0;vertical-align:middle}
.home-nav .home-nav-content .home-nav-right .home-nav-phone,.home-nav .home-nav-content .home-nav-right .home-nav-time {line-height:normal;vertical-align:middle}
.home-nav .home-nav-content .home-nav-right .home-nav-phone {font-size:24px;color:#757575}
.home-nav .home-nav-content .home-nav-right .home-nav-phone img,.home-nav .home-nav-content .home-nav-right .home-nav-phone span {vertical-align:middle}
.home-nav .home-nav-content .home-nav-right .home-nav-time {font-size:14px;color:#a3a3a3}
.newsbox {height:49px;min-width:1200px;color:#595961;background: #f7f9fa;}
.newsbox ul {background:#e8e8e8;height:49px;color:#595961;float: right;margin: 0 auto;}
.ul_newsbox li {float:left;width:21%;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 20px;position:relative;padding-left:15px;line-height:49px;}
.ul_newsbox li a {color:#595961;}
.ul_newsbox li a:hover {color:#1d7ff8;}
.gonggaoTil {line-height:49px;padding-left:5px;}
.gonggaoTil i {color:#0acfae;}

.hd-user{ margin-top: 26px; float: right; line-height: 30px;margin-left: 10px;}
.hd-btn{ width: 78px; height: 28px; line-height: 26px; text-align: center; color: #fff;  border-radius: 2px; border: 1px solid #0acfae; float: right; margin-left: 10px; transition: all .2s;background: rgba(52,229,176,1);background: -moz-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,229,176,1)), color-stop(100%, rgba(10,212,215,1)));background: -webkit-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -o-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -ms-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: linear-gradient(135deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );}
.hd-btn:hover{ background: #07e4bf; color: #fff;border: 1px solid #20B09F;}
.hd-btn-login{ background: #fff; color: #20B09F; }
.hd-btn-login:hover{  color: #fff;background: rgba(52,229,176,1);background: -moz-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,229,176,1)), color-stop(100%, rgba(10,212,215,1)));background: -webkit-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -o-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: -ms-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);background: linear-gradient(135deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );}
.hd-logout{ color: #20B09F; float: right; margin-left: 15px; padding-right: 18px; background: url(../images/logout.png) no-repeat right center; }

/*头部*/
.header{ height: 70px; font-size: 14px; background: #fff; position: relative; width: 100%; z-index: 10;}
.header .hd-logo{ float: left; height: 32px; width: 132px; margin-top: 19px; margin-right: 38px;}
.header .hd-nav{ float: left; margin-right: 30px;}
.header .hd-nav .nav-item{ float: left;}
.header .hd-nav .nav-link{ display: block; line-height: 70px; padding: 0 20px; position: relative;}
.header .hd-nav .active .nav-link,
.header .hd-nav .nav-link:hover{ color: #0acfae; }
.header .nav-item-dropdown:hover .nav-link:before{ content: ""; width: 0; height: 0; position: absolute; border-width: 0 5px 5px 5px; border-color: transparent transparent #EA6060 transparent; border-style: solid; bottom: 0; left: 50%; margin-left: -5px; }
.header .nav-item-dropdown .nav-link:after{ content: ""; width: 11px; height: 7px; background: url(../images/icon_top.png) no-repeat center top; display: inline-block; margin-left: 5px;}
.header .nav-item-dropdown:hover .nav-link:after{ background-position: center bottom; }
.header .hd-nav .nav-item-layer{ height: 0; opacity: 0; overflow: hidden; transition: all .3s; position: absolute; left: 0; right: 0; top: 70px; background: #fff;}
.header .hd-nav .nav-item-layer:before{ content: ""; position: absolute; height: 0; left: 0; right: 0; top: 0; border-top: 1px solid #EA6060; }
.header .nav-item-dropdown:hover .nav-item-layer{ height: 330px; opacity: 1;}
.header .hd-nav .nav-item-layer .picon-hot{ margin-left: 10px; background: url(../images/menu_icon01.png) no-repeat; width: 37px; height: 18px; display: inline-block; vertical-align: text-top; }
.header .hd-nav .nav-item-layer .picon-new{ margin-left: 10px; background: url(../images/menu_icon02.png) no-repeat; width: 37px; height: 18px; display: inline-block; vertical-align: text-top; }
.header .hd-nav .nil-r-1{ padding-top: 24px; }
.header .hd-nav .nav-product{ float: left;     width: 167px;  margin-right: 75px;}
.header .hd-nav .nav-product dt{ border-bottom: 1px solid #DCDCDC; padding-bottom: 19px; margin-bottom: 25px; color: #bbb; font-size: 16px;}
.header .hd-nav .nav-product dt a{ font-size: 16px; color: #888;}
.header .hd-nav .nav-product dd{ margin-bottom: 15px; }
.header .hd-nav .nav-product dd a{ font-size: 14px; }
.header .hd-nav .nav-product dd a:hover{ color: #0acfae; }
.header .hd-nav .nav-product-last{ margin-right: 0; width: 232px; }
.header .hd-nav .nav-product-last dd{ float: left; width: 50%; }
.header .hd-nav .nil-r-2{ border-top: 1px solid #DCDCDC; line-height: 20px; padding-top: 20px; padding-bottom: 30px;}
.header .hd-nav .nav-product-row dt,
.header .hd-nav .nav-product-row dd{ float: left; margin-right: 30px; }
.header .hd-nav .nav-product-row dt { color: #bbb; }
.header .hd-news{ float: right; }
.header .hd-news .title{ float: left; font-size: 14px; color: #888; margin-right: 5px;}
.header .hd-news .title i{ float: left; width: 18px; height: 16px; background: url(../images/notice.png); margin: 1px 5px 0 0;}
.header .hd-news .bd{ float: left; width: 300px; }
.header .hd-news .news-item{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header .hd-search{ float: left; height: 34px; border-radius: 17px; border: 1px solid #fff; width: 220px; position: relative; margin-top: 19px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; margin-right: -90px; z-index: 2; background: #fff;}
.header .hd-search .hd-icon-search{ width: 34px; height: 34px; position: absolute; top: 0; left: 0; background: url(../images/icon_search.png) no-repeat center center; cursor: pointer;}
.header .hd-search .search-input{ border: 0 none; outline: none; width: 170px; height: 26px; position: absolute; right: 34px; top: 3px;display:none}
.header .hd-search.open .search-input {display:block}
.header .hd-search.open{ border-color: #E0E0E0; }
.header .hd-user{ margin-top: 20px; float: right; line-height: 30px;}
.header .hd-btn{ width: 78px; height: 28px; line-height: 28px; text-align: center; color: #fff; background: #EC4544; border-radius: 2px; border: 1px solid #EC4544; float: right; margin-left: 10px; transition: all .2s;}
.header .hd-btn:hover{ background: #ff5f5f; color: #fff;}
.header .hd-btn-login{ background: #fff; color: #EC4544; }
.header .hd-btn-login:hover{ background: #fff4f4; color: #EC4544;}
.header .hd-logout{ color: #EC4544; float: right; margin-left: 15px; padding-right: 18px; background: url(../images/logout.png) no-repeat right center; }
.header .hd-welcome{ float: right; }
/*注册*/
.register-tip .desc {max-width:1210px;padding-bottom:20px;padding-top:10px;margin:0 auto;font-size:14px;color:#666;text-align:center;color:#fff;}
.register-tip {padding:50px 0 45px;background:url(../images/tip.png) no-repeat left center #0acfae;color:#fff;text-align:center;background-size: 200%;}
.register-tip .title {text-align:center;padding-bottom:5px;font-size:26px;font-weight:normal;}
.register-tip .btn {display:block;width:128px;height:36px;padding:0;margin:0 auto;font-size:16px;line-height:36px;color:#fff;background:transparent;border:1px solid #fff;border-radius:0;transition:all .2s;}
.register-tip .btn:hover {background:rgba(255,255,255,.1);}
/*底部*/
.footer{ background: #232F3E; overflow: hidden; width: 100%; color: #888; padding: 27px 0 35px;}
.footer a{ color: #888; transition: all .1s; }
.footer a:hover{ color: #e8e8e8; }
.footer-service {  margin-bottom: 38px;  }
.footer-service .service-item{ float: left;  width: 291px;  background: #37475A;height: 70px;line-height: 70px;text-align: center;margin: 15px 10px 15px 0;}
.footer-service .service-item i{   float: left;     font-size: 30px;color: #c1c1c1;margin: 0 26px;}
.footer-service .service-item.item-4 {margin-right: 0;}


.footer-service .service-item .text{ font-size: 16px; color: #ccc; float: left; }
.footer-splite{ height: 0; display: block; clear: both; border-bottom: 1px solid #3a4553; }
.footer-links{ margin-bottom: 20px; padding-top: 20px; padding-left: 0;}
.footer-links .article-link {
	width: 15%;
	height: 226px;
	float: left;
	border-right: 1px solid #343342;
	margin-right: 23px;
	line-height: 2;
	font-size: 14px;
	text-align: left;
}
.article-link:child:nth-child(4){
	border-right: none;
}
.footer-links .article-link dt{ color: #ccc; font-size: 16px; margin-bottom: 10px; line-height: 2;font-weight: 300;}
.footer-links .article-link dd{ line-height: 2; }
.footer-links .contact{ width: 145px; float: right; }
.footer-links .contact h3{ font-size: 16px; color: #ccc; line-height: 2; margin-bottom: 10px;}
.footer-links .contact .tel{ margin-bottom: 15px;}
.footer-links .contact .tel .text{ font-size: 16px; margin-bottom: 5px;}
.footer-links .contact .tel .number{ font-size: 22px; color: #fff; font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.footer-links .contact .qrcode{ margin-right: -18px; }
.footer-links .contact .qrcode-item{ float: left; width: 110px; margin-right: 18px; text-align: center; }
.footer-links .contact .qrcode-item p{ font-size: 13px; color: #ccc; margin-top: 12px; }
.footer-copyright{ line-height: 20px; font-size: 14px; text-align: center; }
.footer-copyright p{ margin-bottom: 9px; }
/*** page ****/
.pagination {
	text-align: center;
	width: 100%;
}
.pagination  a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;padding: 12px 15px;border-radius: 4px;}
.pagination  b {background: #01ac90;border: 1px solid #01ac90;text-decoration: none; padding: 12px 15px;color: #fff;border-radius: 4px;}
.pagination a b {background: #fff;border: none;text-decoration: none; padding:0;}
.pagination  a:hover,.pageBox a:active{background:#01ac90;color: #FFFFFF;text-decoration: none;}
.pagination  .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pagination  a.cur {color: #fff;}
.pagination  .disabled {width: 79px;}

.article-copyright{clear:both;overflow:hidden;margin-bottom:20px;background:#fafafa;padding:10px 20px;border:1px dashed #e6e6e6;border-radius:4px;margin-top:20px;color: #8c8c8c;font: normal 14px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif;word-wrap: break-word;}
.article-copyright p {margin: 10px auto;}
.article-copyright a{color:#555;}


.tag-box{display:inline-block;margin:10px 0 20px 0;}
.tag-box span{line-height:30px;float:left;}
.tag-box a{line-height:30px;float:left;margin-right: 10px;color: #808080;}
.tag-box ul{height:30px;overflow:hidden;width:730px;}
.tag-box ul li{float:left;height:30px;padding:0 10px;background-color:#f0f0f0;color:#bbb;line-height:30px;margin-right:8px;}
.tag-box ul li:hover{background-color:#ececec;color:#999}
.transition{float:right;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}




.suggestions_box{width:302px; background-color:#fff; border: 1px solid #cdcdcd; border-top:none; position: absolute; top:40px; right:0px; z-index: 10;}
/*.suggestions_box .suggestions_list ul li:hover{background:#6ACCE5; cursor: pointer;}*/
/*.suggestions_class_name{background-color:#6ACCE5; cursor: pointer;}*/
.suggestions_box .suggestions_list ul li{height:32px; line-height: 32px;font-size:12px; color:#888;font-style:normal; padding:0 8px;}
.suggestions_box .suggestions_list ul li .suggest_span{float: right;font-size:12px; color:#888;font-style:normal;}
#keyword{ padding:6px 8px}
.suggest_l {    
	width: 210px;
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* word-wrap: initial; */
    float: left;
    white-space: nowrap;
	}
/********** 我们可以做什么  ************/

.jlb-area {
	padding:30px 0 30px 0;
	position:relative
}
.jlb-area-title {
	text-align:center
}
.jlb-area-title h1 {
	display:inline-block;
	padding:0 20px;
	height:36px;
	line-height:36px;
	font-size:30px
}
.jlb-area-title span {
	line-height:50px;
	color:#999;
	display:block;
	margin-bottom:30px;
	font-size:15px
}
.jlb-area-title ul {
	text-align:center;
	margin:10px 0;
	border:0;
	margin-bottom:25px
}

.jlb-area-hot {
	background:#fff
}
.jlb-area-hot .jlb-case-list li {
	width:250px;
	margin:0 46px 46px 2px;
	box-shadow:none;
	border-radius:8px;
	background:#f5f5f5;
	overflow:hidden;
}
.jlb-area-hot .jlb-case-list li:hover {
	box-shadow:0 10px 15px rgba(0, 0, 0, .1);
	box-shadow:0 20px 30px -15px rgba(0, 0, 0, 0.3)
}
.jlb-area-hot .jlb-case-img {
	height:155px;
	opacity:.7;
}
.jlb-area-hot .jlb-case-info {
	border:0;
	background-color:#eee
}
.jlb-area-hot .jlb-case-list .jlb-btn-create {
	margin-left:-57px;
	top:44%
}
.jlb-area-hot .jlb-case-desc {
	padding:12px;
	padding-top:0px;
	text-align:center;
	font-size:13px;
	color:#aaa
}
.jlb-area-hot .jlb-case-list .jlb-case-title {
	font-size:17px
}
.jlb-area-hot .jlb-case-list .jlb-case-back {
	border-radius:8px
}
.jlb-area-hot .jlb-case-list .jlb-btn-create i {
	font-size:15px;
	font-weight:bold
}
.jlb-area-hot .layui-tab-title {
	border:0
}
.jlb-area-hot .layui-tab-title li:nth-last-of-type(1) {
float:right;
width:200px
}
.jlb-area-new {
	background:#fff;
	padding-top: 60px;
}
.jlb-area-new .jlb-case-list li {
	height:312px;
	position:relative;
	background:#f8f8f8
}
.jlb-area-new .jlb-case-list li .jlb-case-title {
	top:270px;
	width:185px;
	position:absolute
}
.jlb-area-new .layui-tab-title {
	border-color:#fff
}
.jlb-service {
	width:1200px;
	margin:0 auto;
	height:335px;
}
.jlb-service ul li {
	width:248px;
	display:block;
	float:left;
	background:#fff;
	margin:0 -10px -10px 0;
	box-shadow:0 2px 3px rgba(0, 0, 0, .1);
	position:relative;
	text-align:center;
	border-top: 1px solid #eee;
}
.jlb-service ul li:nth-of-type(1) {
margin-left:4px
}
.jlb-service ul li h3 {
	text-align:center;
	line-height:50px;
	margin-top:10px;
	font-size:1.5em
}
.jlb-service ul li:hover {
	z-index:100;
	height:348px;
	margin-top:-30px;
	box-shadow:1px 3px 4px rgba(0, 0, 0, .2);
	background:#f8f8f8;
transition:.3s;
	border-top: 1px solid #e4e2e2;
}
.jlb-service li img {
	width:160px;
	margin:10px 45px
}
.jlb-service li span {
	display:block;
	margin:0 20px 20px 20px;
	text-align:center;
	color:#aaa;
	font-size:13px
}
.jlb-service li a {
	display:none
}
.jlb-service li:hover a {
	display:inline-block;
	border-color:#20b09f;
	color:#20b09f;
	background: #20B09F;
	color: #fff;
}

.jlb-service li  a i {
	margin-right: 10px;
}


 
.layui-btn-primary {
	border: 1px solid #C9C9C9;
	background-color: #fff;
	color: #555;
}.layui-btn {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
}.layui-btn, .layui-edge, .layui-inline, img {
}

.breadcrumb {
	margin-bottom: 0;
}
.breadcrumb>li+li:before{
    content: ">"
}
.forumstatus {margin-top: 15px;}
.footer .tongji {
 float:left;
 width: 100%;
}
.footer .tongji .item_box {
 width:115px;
 float:left;
 margin-right: 5px;
}
.footer .tongji .item_box .item {
 width:100%;
 float:left;
 padding:15px 0px;
 background:#37475A;
}
.footer .tongji .item_box .item:hover {
 background: rgba(52,229,176,1);
 background: -moz-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,229,176,1)), color-stop(100%, rgba(10,212,215,1)));
 background: -webkit-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
 background: -o-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
 background: -ms-linear-gradient(-45deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
 background: linear-gradient(135deg, rgba(52,229,176,1) 0%, rgba(10,212,215,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1 );
}
.footer .tongji .item_box .iconfont,
.footer .tongji .item_box .nub,
.footer .tongji .item_box .txt {
 width:100%;
 float:left;
 text-align:center;
}
.footer .tongji .item_box .iconfont {
 font-size:25px;
 color:#e8e8e8;
}
.footer .tongji .item_box .nub {
 font-size:20px;
 color:#F5F5F5;
 margin:3px 0px 4px 0px;
 font-family:castellar;
}
.footer .tongji .item_box .txt {
 font-size:12px;
 color:#f2f2f2;
}

/**********登陆模态框  ************/
 .modal-dialog {
  width:750px;
  margin:100px auto;
 }
  
   .modal-dialog  .modal-content .l-left {
 position:absolute;
 top:0;
 left:-311px;
 width:312px;
 height:490px;
 border-bottom-left-radius:4px;
 border-top-left-radius:4px;
 background:url(../static/images/dengl.jpg) #18aaed;
}
 .modal-dialog  .modal-content .l-left .title {
 margin-top:5pc;
 padding-left:39px;
 height:30px;
 color:#fff;
 text-align:left;
 letter-spacing:2px;
 font-weight:lighter;
 font-size:24px;
 line-height:30px
}
 .modal-dialog  .modal-content .l-left ul {
 display:block;
 margin-top:23px
}
 .modal-dialog  .modal-content .l-left ul li {
 height:50px;
 color:#fff;
 text-align:left;
 font-size:14px;
 line-height:42px
}
 .modal-dialog  .modal-content .l-left ul li i {
 display:inline-block;
 width:78px;
 height:40px;
 background:url(../static/images/l-login.png) 37px 10px no-repeat;
 vertical-align:-10px
}
 .modal-dialog  .modal-content .l-left ul li .i2 {
 background:url(../static/images/l-login.png) 37px -42px no-repeat;
}
 .modal-dialog  .modal-content .l-left ul li .i3 {
 background:url(../static/images/l-login.png) 35px -91px no-repeat
}
 .modal-dialog  .modal-content .l-left ul li .i4 {
 background:url(../static/images/l-login.png) 35px -141px no-repeat;
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	height: 492px;
	border-radius: 0 4px 4px 0;
	border-top-right-radius: 4px;
	margin-left: 250px;
}
.modal-tit{
	font-size: 20px;
	color: #333333;
	margin-bottom: 4px;
	font-weight: bold;
}
.modal-title{
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
}

.login-ibaotu-logo {
 height:66px;
 text-align: center;
 margin-top: 25px;
}
.login-ibaotu-logo img {
 height:46px;
 text-align: center;

}
.login-new-line {
 height:1px;
 margin:9px auto 0;
 background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,89.8%,0)),color-stop(50%,#e5e5e5),to(hsla(0,0%,89.8%,0)));
 background:linear-gradient(90deg,hsla(0,0%,89.8%,0),#e5e5e5 50%,hsla(0,0%,89.8%,0));
 position:relative
}
.login-new-line>span {
 display:block;
 height:20px;
 line-height:20px;
 background:#fff;
 position:absolute;
 top:-10px;
 left:0;
 right:0;
 margin:0 auto;
 font-size:12px;
 color:#999;
 text-align:center;
 letter-spacing:1px;
 width: 109px;
}
.login-in-way {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 height:auto;
 text-align:center;
 margin-top:59px
}
.login-in-way>a {
 position:relative;
 width:100px;
 float: left;
 margin: auto;
}
.login-in-way>a .sub-text-2 {
 position:absolute;
 font-size:12px!important;
 margin-top:4px!important;
 color:#d0d0d0!important
}
.login-in-way>a:nth-of-type(2) {
 margin:0 57px
}
.login-in-way>a>p {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:88px;
 height:88px;
 border:1px solid #e7e7e7;
 border-radius:100%;
 overflow:hidden;
 background-color:#fff
}
.login-in-way .in-way-QQ>p {
 border:1px solid rgba(35,191,54,.2)
}
.login-in-way .in-way-WX>p {
 border:1px solid rgba(18,150,219,.2)
}
.login-in-way .in-way-SJ>p {
 border:1px solid rgba(255,145,0,.2)
}
.login-in-way>a>p>i {
 display:inline-block;
 line-height:inherit;
 vertical-align:middle;
 width:auto;
 height:auto;
 background:unset
}
.login-in-way>a>p>i.icon-weixin {
 color:#23bf36;
 font-size:50px;
}
.login-in-way>a>p>i.icon-qq {
 color:#1296db;
 font-size:40px;
 margin-top: -5px;
}
.login-in-way>a>p>i.icon-shouji {
 margin-top:5px;
 color:#ff9100;
 font-size:45px;
}
.in-way-QQ:hover p {
 background-color:#23bf36
}
.in-way-WX:hover p {
 background-color:#1296db
}
.in-way-SJ {
 position:relative
}
.in-way-SJ:before {
 content:"";
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translate(-50%,-100%);
 transform:translate(-50%,-100%);
 width:74px;
 height:39px;
 background:url(//s.ibaotu.com/img/revision/img/icon-tuijian.png) no-repeat;
 background-size:contain
}
.in-way-SJ:hover p {
 background-color:#ff9100
}
.in-way-QQ:hover p i.icon-weixin,
.in-way-SJ:hover p i.icon-shouji,
.in-way-WX:hover p i.icon-qq {
 color:#fff
}
.login-in-way>a>span {
 display:block;
 width:100%;
 font-size:16px;
 color:#838383;
 letter-spacing:1px;
 margin-top:14px;
 text-align:center
}
.protocol-link {
	font-size: 12px;
	color: #ccc;
	display: block;
	text-align: center;
	margin-top: 39px;
}
.protocol-link i {border: 1px solid #20B09F;margin: 0 10px;font-size: 12px;background: #20B09F;color: #fff;padding: 2px;border-radius: 6px;}
.protocol-link>a {
 color:#ccc
}
.modal-header {
	height: 120px;border-bottom: none;
}.modal-body {
	position: relative;
	width: 250px;
	margin: 15px auto;
}
/********** 悬浮客服  ************/
.right-fixed{ position: fixed; right: 0;top:50%; z-index:999;margin-top:-120px;width: 64px; box-shadow: 0  0px 6px rgba(168,168,168,0.38) ;}
.right-fixed .kegu-box{ display:block; width: 64px; height:79px; padding-left:5px;background: url(../images/wt-public-icon.png) -206px 0;}
.right-fixed .kegu-box .qqTip{position: absolute;z-index:100; top:0px;right:68px;color:#666;background:#fff; padding:10px 15px; height:80px;width:154px;font-size:12px;display: none;box-shadow: 0  0px 6px rgba(168,168,168,0.38)}
.right-fixed .kegu-box .qqTip p{line-height: 20px;}
.right-fixed .kegu-box:hover .qqTip{ display: block;}
.right-fixed .kegu-box:hover{ background: url(../images/wt-public-icon.png) -275px 0}
.right-fixed .wx-box{display:block; width: 64px;height:78px; padding-left:5px;cursor: pointer; position:relative;background: url(../images/wt-public-icon.png) -206px -79px;}
.right-fixed .currentstyle .wx-erwema{ display: block;}
.right-fixed .currentstyle{background: url(../images/wt-public-icon.png) -275px -79px}
.right-fixed .wx-erwema{position: absolute;width:149px;height: 190px;left: -113px;top: 0;display: none; background: url(../images/foot-weixin.jpg) no-repeat;padding-left: 10px;}
.right-fixed .wx-box:hover .wx-erwema{ display: block;}
.right-fixed .wx-box:hover{  background: url(../images/wt-public-icon.png) -275px -79px }
.right-fixed .ShoppingCar-link{display:block; height:78px; width: 64px;background: url(../images/wt-public-icon.png) -206px -157px;}
.right-fixed .ShoppingCar-link:hover{background: url(../images/wt-public-icon.png) -275px -157px}
.right-fixed  .fk-box { display: block;height: 79px; width: 64px;  background:url(../images/wt-public-icon.png) -206px -236px}
.right-fixed  .fk-box:hover{ height: 79px; width: 64px;  background:url(../images/wt-public-icon.png) -275px -236px}
.right-fixed .back-top{ height: 63px; width: 64px;cursor:pointer;background: url(../images/wt-public-icon.png) -206px -315px;}
.right-fixed .back-top:hover{background: url(../images/wt-public-icon.png) -275px -315px }